<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/static_resources/favicon.ico}" />
    <link rel="stylesheet" th:href="@{/static_resources/css/nav.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static_resources/css/palette.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static_resources/css/contentManagement.css}" type="text/css">
    <script th:src="@{/static_resources/js/palette.js}" type="text/javascript"></script>
</head>
<body>
<div class="navHeader">
    <div class="lalala">
        <div class="navLeft">
            <div class="logo">
                <img th:src="@{/static_resources/img/KeLe.png}" alt="">
                <div class="KeLeWorld">
                    <img th:src="@{/static_resources/img/KeLeWorld.png}" alt="">
                </div>
            </div>
            <ul class="navUl">
                <li class="navLi">
                    <a class="A" th:href="@{../tooIndex}">首页</a>
                </li>
                <li class="navLi">
                    <a class="A" th:href="@{../to/toClassify}">分类</a>
                </li>
                <li class="navLi">
                    <a class="A" th:href="@{../to/toManagement}">管理系统</a>
                </li>
            </ul>
        </div>
        <div class="navF11">
            <div class="searchContainer">
                <div class="searchInput">全屏</div>
                <div class="glass">
                    <img th:src="@{/static_resources/img/fullScreen.png}" alt="">
                </div>
            </div>
        </div>
        <div class="navMiddle">
            <div class="searchContainer">
                <a th:href="@{../to/toSearch}" class="searchInput">搜索</a>
                <div class="glass">
                    <img th:src="@{/static_resources/img/fangdajing.png}" alt="">
                </div>
            </div>
        </div>
        <div class="navRight">
            <div class="workCenter">
                <a class="A" th:href="@{../to/toWrite}" target="_blank">
                    创作中心
                </a>
            </div>
            <div class="vip">
                <a class="A" th:href="@{../to/toVipCenter}">会员中心</a>
            </div>
            <div class="headerPictureContainer">
                <div class="headerPicture headerPictureS">

                </div>
                <div class="message">
                    <h3 class="messageName"></h3><!--后台数据*用户名-->
                    <div class="vipTF">vip</div><!--vip-->
                    <div class="line"></div><!--下划线-->
                    <div class="personalCenterC">
                        <div class="personalCenter">
                            <a class="peopleCenter" th:href="@{../to/toPeopleCenter}">个人中心</a>
                        </div>
                        <div class="personalCenterIco">
                            <img th:src="@{/static_resources/img/icon7.png}" alt="">
                        </div>
                    </div>
                    <div class="personalCenterO">
                        <div class="personalCenter background color">
                            <a class="peopleCenter color">内容管理</a>
                        </div>
                        <div class="personalCenterIco">
                            <img id="OtherPicture" th:src="@{/static_resources/img/neirongguanli.png}" alt="">
                        </div>
                    </div>
                    <div class="personalCenterO">
                        <div class="personalCenter">
                            <a class="peopleCenter"  th:href="@{/to/toMyCollect}">我的收藏</a>
                        </div>
                        <div class="personalCenterIco">
                            <img th:src="@{/static_resources/img/collection.png}" alt="">
                        </div>
                    </div>
                    <div class="personalCenterO">
                        <div class="personalCenter">
                            <a class="peopleCenter">退出登录</a>
                        </div>
                        <div class="personalCenterIco">
                            <img th:src="@{/static_resources/img/tuichu.png}" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="w peopleCenterContainer">
    <!--    个人中心外面大盒子-->
    <div class="personalCenter_box">
        <!--        带有外边距用于缩小时固定内容的盒子-->
        <div class="personCenter">
            <!--            左侧的导航栏-->
            <div class="personal_left">
                <ul style="list-style: none">
                    <li>
                        <!--                        <a class="color block">个人资料</a>-->
                        <a class="peopleCenterA" th:href="@{../to/toPeopleCenter}">
                            个人资料
                        </a>
                    </li>
                    <!--                    <li>-->
                    <!--                        <a class="block" href="编辑资料.html">编辑资料</a>-->
                    <!--                    </li>-->
                    <li>
                        <a class="peopleCenterA" th:href="@{../to/toMyCollect}">
                            我的收藏
                        </a>
                    </li>
                    <li>
                        <a class="peopleCenterA active">
                            内容管理
                        </a>
                    </li>
                </ul>
                <div class="paletteColor">
                    <p>调色板</p>
                    <p>R <input type="range" min="0" max="255" value="0" name="R"><span>0</span></p>
                    <p>G <input type="range" min="0" max="255" value="0" name="G"><span>0</span></p>
                    <p>B <input type="range" min="0" max="255" value="0" name="B"><span>0</span></p>
                    <p>A <input type="range" min="0" max="100" value="20" name="A"><span>0.2</span></p>
                </div>
            </div>
        </div>
        <div class="contentManagement">
            <div class="contentManagement_box" th:each="blog:${people}">
                <div class="contentTitle" th:text="${blog.title}">

                </div>
                <div class="sendTime" th:text="${blog.releasetime}">
                    2020-6-8
                </div>
                <div class="contentData" >
                    <ul>
                        <li>点赞:<span th:text="${blog.thumbsup}"></span></li>

<!--                        <li>评论: <span></span> </li>-->

                        <li>收藏:<span  th:text="${blog.collection}"></span> </li>
                        <li>热度:<span th:text="${blog.doh}"></span></li>
                    </ul>
                </div>
                <div style="clear: both"></div>
                <div class="contentBox" th:utext="${blog.content}">

                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script th:src="@{/static_resources/js/nav.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/otherLogin.js}" type="text/javascript"></script>
</html>